<template>
	<view class="bg-gray">
		<view class="bg-white flex align-center justify-between solid-bottom ptb-3 plr-3" @click="userInfoClick">
			<view class="flex align-center">
				
				<image class="info-left solids round" :src="userInfo.headImg" mode="" style="width: 142rpx;height: 142rpx;"></image>
				<view class="info-right flex flex-direction ml-2">
					<view class="text-s4 text-c1 mb-2 text-bold">{{userInfo.nickName}}</view>
					<text class="text-s2">{{userInfo.userNo}}</text>
				</view>
			</view>
			<view class="">
				<view class="cuIcon-right text-c3"></view>
			</view>
		</view>
		<view class="mt-2">
			<view class="bg-white flex justify-between solid-bottom" style="padding: 32rpx 35rpx;" v-for="(item,index) in itemList" @click="itemClick(item,index)">
				<view class="flex align-center">
					<text class="text-color  text-s5 mr-3" :class="item.cuIcon"></text>
					<text class="text-s3 text-c1">{{item.name}}</text>
				</view>
				<view class="">
					<view class="cuIcon-right text-c3"></view>
				</view>
			</view>
		</view>
		<gz-jishuzhichi></gz-jishuzhichi>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo:{
					nickName:"格子软件用户",
					headImg:"/static/logo.png",
					userNo:"10000000",
				},
				itemList:[
					{
						type:"path",
						name:"常见问题",
						pagePath:"/subpkg/commons/qa/qa",
						cuIcon:"cuIcon-questionfill"
						
					},
					{
						type:"path",
						name:"意见反馈",
						pagePath:"/subpkg/commons/fankui/fankui",
						cuIcon:"cuIcon-writefill"
					},
					{
						type:"kefu",
						name:"联系客服",
						pagePath:"/subpkg/commons/kefu/kefu",
						cuIcon:"cuIcon-servicefill"
					},
					{
						type:"aboutMe",
						name:"关于我们",
						pagePath:"/subpkg/commons/aboutme/aboutme",
						cuIcon:"cuIcon-infofill"
					}
				]
			}
		},
		onLoad() {
			// 若有接口,可以放开注释
			// this.initData()
			// uni.$on("meUpdate",()=>{
			// 	this.initData()
			// })
		},
		methods: {
			initData(){
				uni.$api.appPageMe().then(data=>{
					this.userInfo = data.userInfo
				})
			},
			userInfoClick(){
				uni.$common.navTo("/pages/me/userinfo")
			},
			itemClick(item,index){
				if(item.type == "kefu"){
					uni.$common.modalInfo("客服微信：yichuang1024",()=>{
						uni.setClipboardData({
							data:"yichuang1024"
						})
					})
				}else if(item.type == "aboutMe"){
					// 若有接口,可以放开注释
					// uni.$common.navTo("/subpkg/commons/web-show/web-show",{
					// 	type:"CONFIG",
					// 	title:item.name,
					// 	content:"ABOUT_ME"
					// })
					
					uni.$common.navTo("/subpkg/commons/web-show/web-show",{
						type:"HTML",
						title:"关于我们",
						content:'<div>\n<p>1-我们会秉承一个良好的制作环境，带给用户不一样的软件体验。</p>\n<p>2-在我们设计的过程中我们会秉承用户的观念进行界面设计。</p>\n<h4><strong>五不准</strong></h4>\n<p><strong>1-</strong>发布、传送、传播、储存违反国家法律、危害国家安全统一、社会稳定、公序良俗、社会公德以及侮辱、诽谤、淫秽、暴力的内容；</p>\n<p><strong>2-</strong>发布、传送、传播、储存侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的内容；</p>\n<p><strong>3-</strong>虚构事实、隐瞒真相以误导、欺骗他人；</p>\n<p><strong>4-</strong>发表、传送、传播广告信息及垃圾信息；</p>\n<p><strong>5-</strong>从事其他违反法律法规、政策及公序良俗、社会公德等的行为。</p>\n</div>'
					})
					
				}else if(item.type == "path"){
					uni.$common.navTo(item.pagePath)
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>
